<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>After-sales</title>
	<link rel="stylesheet" href="styles/hina.css">
	<script src="nina.js" defer></script>
    <style>
		 .image-center {
		            text-align: center; /* 使图片水平居中 */
		            margin: 20px 0; /* 可选：在图片上方和下方添加边距 */
		        }
		        .image-center img {
		            max-width: 50%; /* 使图片最大宽度为100%，适应容器宽度 */
		            height: auto; /* 保持图片宽高比 */
		        }
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            
        }
        .container {
            width: 80%;
            margin: auto;
            overflow: hidden;
        }
        header {
            background: #4c4c4c;
            color: #fff;
            padding-top: 30px;
            min-height: 70px;
            border-bottom: #e8491d 3px solid;
        }
        header a {
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 16px;
        }
        header ul {
            padding: 0;
            list-style: none;
        }
        header li {
            display: inline;
            padding: 0 20px 0 20px;
        }
        header #branding {
            float: left;
        }
        header #branding h1 {
            margin: 0;
        }
        header nav {
            float: right;
            margin-top: 10px;
        }
        header .highlight, header .current a {
            color: #ffffff;
            font-weight: bold;
        }
        header a:hover {
            color: #ffffff;
            font-weight: bold;
        }
        footer {
            background: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: relative;
            bottom: 0;
            width: 100%;
        }
        .history-section {
            padding: 20px;
            background: #f0eacd;
            margin-bottom: 20px;
        }
        .history-section h2 {
            color: #ffffff;
        }
        .history-section p {
            text-align: justify;
			
        }
        img {
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <div id="branding">
                <h1>After-sales</h1>
            </div>
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li class="current"><a href="line.html">Wire safety hazards</a></li>
                    <li><a href="yang.html">Guide to Picking Wires</a></li>
                    <li><a href="deng.html">Customer</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="container">
        <section class="history-section">
            <h2>After-sales service commitment</h2>
            <div class="gallery">
                <div class="image-container">
                    <img src="images/O1CN01UsyCf920HROZYOdCx_!!6000000006824-0-cib.jpg" alt="广州塔图片1" class="gallery-img">
                    <div class="caption">Product Issues</div>
                </div>
                <!-- 更多图片容器... -->
            </div>
            <p>1. Our company guarantees that the wire and cable products provided fully comply with the requirements of national standards and technical documents.</p>
            <p>2. Our company guarantees production, packaging and delivery according to the requirements of the contract, and provides product quality assurance. If customers have new special requirements for products, our company has the ability to design and scientific research, and is willing to provide you with a full range of services.
            </p>
        </section>
    </div>

    <footer>
        <p>&copy; 2024 1800_2024_DG3-10</p>
    </footer>
</body>
</html>